<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/indes.js" type="text/javascript"></script>
<style type="text/css">
th {
	vertical-align: middle;
	text-align: center;
}

td {
	vertical-align: middle;
	text-align: center;
}

.box {
	position: absolute;
	top: 50%;
	left: 40%;
	margin: -250px 0 0 -250px;
	width: 800px;
	height: 400px;
}

.mengban {
	display: block;
	text-align: center;
	z-index: 2;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background-color: #fff;
	filter: Alpha(Opacity = 60);
	opacity: 0.6;
}

.update {
	display: block;
	border: solid white 1px;
	border-radius: 20px;
	position: fixed;
	top: 45%;
	left: 45%;
	text-align: center;
	z-index: 3;
}
</style>
</head>

<body>
	<form class="navbar-form navbar-left" role="search"
		style="position: absolute; left: 54%; top: 16%;">
		<div class="form-group">
			<input type="text" class="form-control" placeholder="商品名称"
				id="ordername">
		</div>
		<button type="button" class="btn btn-default" onclick="selectoder()">查询</button>
		<button type="button" class="btn btn-default" onclick="btnadd()">添加</button>
	</form>
	</form>
	<div class="box">
		<table class="table table-hover table-bordered">
			<thead>
				<tr>
					<th>编号</th>
					<th>商家</th>
					<th>商品</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>

			</tbody>
		</table>


		<div style="text-align: center;" class="pages">
			
		</div>

	</div>


</body>
<script type="text/javascript">
	
</script>

</html>